docs
Getting started Quickstart First CRUD App Core Concepts Core versions
v15.0.0 development v14.0.5 latest v14.0.4 v14.0.3 v14.0.2 v14.0.1 v13.0.9 v13.0.8 v13.0.7 v13.0.6 v13.0.5 v13.0.4 v13.0.3 v13.0.2 v13.0.1 v12.1.6 v12.1.1 v12.1.0 v12.0.7 v12.0.6 v12.0.5 v12.0.4 v12.0.3 v12.0.1 v12.0.0 v11.5.18 v11.5.15 v11.5.13 v11.5.7 v11.5.5 v11.5.3 v11.3.3 v11.3.2 v11.2.1 v11.1.17 v11.0.1 v11.0.0 v10.6.7 v10.6.2 v10.6.1 v10.5.10 v10.5.2 v10.4.54 v10.4.53 v10.4.52 v10.4.51 v10.4.46 v10.4.29 v10.4.28 v10.4.21 v10.4.20 v10.4.16 v10.4.7 v10.3.13 v10.3.11 v10.2.7 v10.2.1 v9.4.39 v9.4.4 v9.3.25 v9.3.13 v9.3.5 v9.3.2 v9.2.15 v9.2.5

Cluster

Getting Access User Access User Roles Explained Token Device Data Deployment Usage Build Your First API API Guide API's
api-history audit-logs authentication authentication-groups blueprint-action-types blueprint-actions blueprint-activity blueprint-changes blueprint-comments blueprint-components blueprint-events blueprint-fields blueprint-flows blueprint-tags blueprint-templates blueprint-validation blueprints cache-management cluster-statistics entity-management feedback ip-management language language-management languages local-devices node-settings password-reset queue react-components redis-keys settings storage storage-events system system---languages system-assets system-hints system-information system-key-value system-logs system-nodes system-security system-storages system-threads system-upgrades system-users user-activity user-groups user-logs users well-known

Blocks

All blocks
Apple API Home Automaton NS a* path finding aggregation alias amazon aws android anthropic apn array attributes banking base64 broadcast browser condition crypto currency date discord dobot edifact events field validation fields files finance float floriday flow foreach ftp function execution function selectors funnels geopoint github globals google google maps http http connection injectable functions json json web token jsonp lettermint line stop listener locking logging mailchimp math messagebird modal functions mollie mssgs mssql mutations number object openstreetmap pathfinding postmark postmark account printer query querystring queue redis references regexp saltedge scopes session management sftp shipping soap connection state state actions state elements state events state execution state triggers state ui storage studio functions stylesheet styling system settings threads tikkie timers timezone translations twilio twinfield type casting ui ui class users value vat video webhooks websocket xml zip zpl
Block Templates Finding Blocks

Interfaces

Context Menu Components RUAL Library RUAL Components RUAL Studio Handle Iterations Overwrite Defaults

Blueprints

Introduction Tips & tricks Best Practices Common Blueprint Patterns Block Execution Object References Locking & Concurrency Storages Storage Events Storage Examples Repeating Events Queue Assets System Settings System Settings Reference Common pitfals Precompiling Remote access control

Tutorials

Building User Authentication Creating a REST API Dashboard with Charts File Upload & Processing Email System Setup Third-Party Integrations

Examples

Simple Blog E-Commerce Catalog User Management Booking System Inventory Tracker Task Management

Reference

Block Quick Reference API Endpoint Reference System Settings Quick Ref Component Props Reference Error Code Reference Location Blocks

Architecture

Choosing Your Approach Version Management

Troubleshooting

Common Issues & Fixes Debugging Blueprints

Other

React Native
Support
© 2026 Deverence Group B.V.

custom modal

This block is part of the User Interface group and was last modified in core v13.0.2.

custom modal Deprecated since v13.0.2 v13.0.2

Opens a modal based on the connected UI component

Inputs 11 + flow
  • flow
    flow
  • Unique id uniqueid
    value
  • UI Component uicomponent required
    uicomponent
  • class: backdrop uiclassbackdrop
    uiclass
  • style: backdrop uistylebackdrop
    uistyle
  • class: wrapper uiclasswrapper
    uiclass
  • style: wrapper uistylewrapper
    uistyle
  • class: modal uiclassmodal
    uiclass
  • style: modal uistylemodal
    uistyle
  • class: content uiclasscontent
    uiclass
  • style: content uistylecontent
    uistyle
  • On Close inpinfunction
    inpinfunction
Outputs 0 + flow
  • flow
    flow
open

Core Releases

v13.0.2 This block was introduced in v13.0.2, click here to see the release notes. v13.0.2 This block was deprecated in v13.0.2, click here to see the release notes.
Back to User Interface Return to the main group to view all sub-groups Back to ui Return to the group to view all blocks within this group

Was this page helpful? Tell us what to improve · RUAL Docs is an integral component of the RUAL ecosystem